<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/views/common/taglibs.jsp" %>

<!DOCTYPE>
<html>
<head>
    <!-- 引入通用js、css文件(xiaogq) -->
    <meta name="decorator" content="default"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/css/common/operation/sys_operation.css"/>
    <style type="text/css">
        .custom0{
            width: 80%;
            margin: 10px 10px;
        }
        .custom0>h4{
            color: #0D9BF2;
        }
        .custom0>hr{
            border: 2px solid #0D9BF2;
        }
        .custom1{
            padding:0 20px;
            text-align: center;
        }
        .custom1>div{
            width: 50%;
            height:50px;
            line-height: 50px;
            float: left;
            border-bottom: 1px dashed #aaaaaa;
        }
        .custom1>div>label{
            font-weight: 100;
        }
        .custom1>div>b{
            float: left;
        }

    </style>
</head>
<body>
<div class="button_list">
    <a href="javascript:;" tableCode="${entityId}" onclick="next(this);">
            <span class="span_button">
                <span><img src="${ctx}/image/common/operation/oper_nextStep.png"></span>
                <span name="buTitle">下一步</span>
            </span>
    </a>
    <a href="javascript:;" onclick="javascript:parent.closeTab();">
            <span class="span_button">
                <span><img src="${ctx}/image/common/operation/oper_CANCEL.png"></span>
                <span name="buTitle">取消</span>
            </span>
    </a>
</div>

<div class="custom0">
    <h4>自定义属性和保存信息的类型</h4>
    <hr>
    <div class="custom1">
        <div><b>数值：</b><label ><input type="radio" title="数值" name="fieldtype" checked value="1"/><span>数值型类型</span></label></div>
        <div><b>百分比：</b><label ><input type="radio" title="百分比" name="fieldtype" value="2"/><span>百分比类型的属性</span></label></div>
        <div><b>货币：</b><label ><input type="radio" title="货币" name="fieldtype" value="3"/><span>取值为货币金额的属性</span></label></div>
        <div><b>文本：</b><label ><input type="radio" title="文本" name="fieldtype" value="4"/><span>文本型属性</span></label></div>
        <div><b>电子邮件：</b><label ><input type="radio" title="电子邮件" name="fieldtype" value="5"/><span>电子邮件属性，必须按正确的电子格式填写</span></label></div>
        <div><b>网址：</b><label ><input type="radio" title="网址" name="fieldtype" value="6"/><span>网址属性</span></label></div>
        <div><b>文本区域：</b><label ><input type="radio" title="文本区域" name="fieldtype" value="7"/><span>能够容纳text类型存取的字符</span></label></div>
        <div><b>长文本区域：</b><label ><input type="radio" title="长文本区域" name="fieldtype" value="8"/><span>能够容纳mediumtext类型存取的字符</span></label></div>
        <div><b>引用：</b><label ><input type="radio" title="引用" name="fieldtype" value="9"/><span>引用</span></label></div>
        <div><b>电话：</b><label ><input type="radio" title="电话" name="fieldtype" value="10"/><span>电话号码属性</span></label></div>
        <div><b>下拉框：</b><label ><input type="radio" title="下拉框" name="fieldtype" value="11"/><span>属性在预定义的值中选择</span></label></div>
        <div><b>下拉框（多选）：</b><label ><input type="radio" title="下拉框(多选)" name="fieldtype" value="12"/><span>属性在预定义的值中选择，可以选择多个值</span></label></div>
        <div><b>日期：</b><label ><input type="radio" title="日期" name="fieldtype" value="13"/><span>日期型属性</span></label></div>
        <div><b>日期时间：</b><label ><input type="radio" title="日期时间" name="fieldtype" value="14"/><span>日期时间型属性</span></label></div>
        <div><b>自动编号：</b><label ><input type="radio" title="自动编号" name="fieldtype" value="15"/><span>系统自动生成编号属性，可以自定义编号规则</span></label></div>
        <div><b>复选框：</b><label ><input type="radio" title="复选框" name="fieldtype" value="16"/><span>取值为真/假（选中/未选中）的属性</span></label></div>
        <div><b>单选框：</b><label ><input type="radio" title="单选框" name="fieldtype" value="17"/><span>单选属性，在预定义的值中最多选一项</span></label></div>
        <div><b>图片：</b><label ><input type="radio" title="图片" name="fieldtype" value="18"/><span>图片属性，可以上传图像文件并在查看页面显示</span></label></div>
        <div><b>身份证号：</b><label ><input type="radio" title="身份证号" name="fieldtype" value="19"/><span>文本型属性</span></label></div>
        <div><b>银行卡号：</b><label ><input type="radio" title="银行卡号" name="fieldtype" value="20"/><span>文本型属性</span></label></div>
    </div>
</div>
<script type="text/javascript">
    //新建字段下一步方法
    function next(node){
        var checkedNode = $("input[name=fieldtype]:checked");
        var typeid = $(checkedNode).val();
        var typeName = $(checkedNode).attr("title");
        var title  = "${title}:属性:"+typeName;
        var entityId = "${entityId}";
        var url = Constants.addfieldUrl+"?entityId="+entityId+"&fieldTypeId="+typeid+"&entityLocalization=${title}";
        //打开tabls标签
        //parent.addMenu(node,{title:title,url:url,type:"R"});
        var node = {id: "next"+entityId, text: title, url:url};
        //打开tabls标签
        parent.showTab(node);
    }
</script>
</body>
</html>
